<template>
	<view class="notice-detail">
		<u-navbar
			autoBack
			:placeholder="true"
		>
			<template #center>
				<view style="width: 50%;">
					<u--text :lines="1" :text="noticeContent.title"></u--text>
				</view>
			</template>
		</u-navbar>
		<view class="content">
			<view class="notice-detail__image">
				<image :src="minioUrl + noticeContent.image" mode="widthFix"></image>
			</view>
			<view class="notice-detail__content">
				<u-parse :content="noticeContent.content"></u-parse>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	import {getCurrentInstance, onMounted, ref} from "vue";
	import {onLoad} from "@dcloudio/uni-app";
	import type { notice } from '@/types/notice.d.ts'
	
	const { proxy }: any = getCurrentInstance()
	const minioUrl = proxy.$minioUrl
	const noticeId = ref(1)
	
	const noticeContent = ref<notice>({
		id: 1,
		title: '关于暴雨导致包裹派送延迟通知',
		describe: '近期中国部分地区大范围强降雨，造成多个区域严重自然灾害，部分地区交通道路完全中断。',
		image: '/notices/notice1.jpg',
		content: '<view style="line-height: 25px"><view>近期中国部分地区大范围强降雨，造成多个区域严重自然灾害，部分地区交通道路完全中断。<br/><br/><view>同时，受天气影响，部分高速公路采取不同程度的封路措施，多网点包裹处理受阻。<br/><br/></view>受此影响，各地物流包裹国中转、派送时效有所延迟。<br/><br/></view><view>1、时间段：即日起至8月中旬；<br/></view><view>2、受严重影响地区：中国南部各地区<br/></view><view>3、影响内容：延迟中转派送3-5天，时效有所延长。<br/><br/></view><view>给您带来的不便，敬请谅解！</view></view>',
		time: '2020-07-28 17:31'
	})
	
	onLoad((options)=>{
	  noticeId.value = Number(options?.id)
	  console.log(noticeId.value)
	})
</script>

<style lang="scss">
@import "style.scss"
</style>
